<template>
  <el-pagination
    :total="total"
    :page-sizes="[10, 20, 30, 50]"
    :page-size="pageSize"
    :current-page="currentPage"
    layout="total, sizes, prev, pager, next, jumper"
    :background="background"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
  >
    <template #total>
      共计 {{ total }} 条
    </template>
    <template #sizes>
      <el-select v-model="pageSize" style="width: 110px">
        <el-option
          v-for="item in [10, 20, 30, 50]"
          :key="item"
          :label="`${item}条/页`"
          :value="item"
        />
      </el-select>
    </template>
  </el-pagination>
</template> 